<template>
    <div class="List">
        <table>
            <tr>
                <td>序号</td>
                <td>标题</td>
                <td>作者</td>
                <td>操作</td>
            </tr>
            <tr v-for="(item,key) in list" :key='key'>
                <td>{{parseInt(key)+1}}</td>
                <td>{item.title}</td>
                <td>{item.author}</td>
                <td><button>删除</button><button>编辑</button></td>
            </tr>
        </table>
    </div>
</template>
<script>
export default {
    props:['list'],
    data() {
        return{

        }
    }
}
</script>